<template>
<div class="gengduofu">
    <div class="img">      
        <img src="@/../public/gengduo/title.jpg" alt="">
    </div>
    <div class="containt"> 
        <div class="gengduoitems">
            <h3>养宠风尚 拒绝平庸</h3> 

                 <Gengduoitem v-for="(v,i) in imgurl" :key="i" :big="v.big" :small="v.small"/>
    </div>
        
        
            
        
    </div>
    
  </div>
</template>

<script>
import Gengduoitem from "./gengduozi.vue"
export default {
    data(){
        return{
            imgurl:[
                {big:require("@/../public/gengduo/item1.png"),small:require("@/../public/gengduo/item1s.jpg")},
                {big:require("@/../public/gengduo/item2.jpg"),small:require("@/../public/gengduo/item2s.jpg")}
            ]
        }
    },
    components:{
        Gengduoitem
    }
}
</script>

<style lang="scss">
    .gengduofu{
        width: 100%;
       height: 4rem;
       background-color: #ce433d;
       .img{
           border-bottom: 1px solid #ccc;
           margin-bottom: .15rem;
       }
        img{
            width: 100%;
            height: .43rem;
            
        }
        .containt{
            width: 3.55rem;
            margin: auto;
            
            background-color: white;
        }
        .gengduoitems{
            padding: .1rem;
            width: 100%;
        
            h3{
                margin-bottom: .05rem;
            }
        }
    }
</style>